﻿.hi-centre-right {
  width: 800px;
  padding-top: 150px;
  float: left; }
  .hi-centre-right .searchBox {
    width: 150px;
    height: 20px;
    border: 1px solid #23B3E8;
    border-radius: 4px;
    position: relative;
    overflow: hidden; }
    .hi-centre-right .searchBox .schTxt {
      width: 116px;
      height: 20px;
      padding-left: 3px;
      line-height: 20px;
      background-color: #fff;
      border: none;
      border-right: 1px solid #23B3E8; }
      .hi-centre-right .searchBox .schTxt:focus {
        outline-width: 0px; }
    .hi-centre-right .searchBox .btnSch {
      width: 30px;
      height: 20px;
      border: none;
      background: url(../images/bghipr.png) 7px 2px no-repeat #8ddaf6;
      cursor: pointer; }
    .hi-centre-right .searchBox .schLb {
      position: absolute;
      top: 0;
      left: 5px;
      line-height: 20px; }
  .hi-centre-right .bdFocus {
    border-color: #69C1FF;
    box-shadow: 0 0 3px #69C1FF; }
  .hi-centre-right .bdError {
    border-color: #FF6969;
    box-shadow: 0 0 3px #FF6969; }
  .hi-centre-right .noticeTxt {
    height: 28px;
    padding-left: 10px;
    line-height: 28px;
    border: 1px solid #FFE4A2;
    background-color: #FFFFB9; }
  .hi-centre-right .stepUl {
    width: 790px;
    height: 29px;
    background: url(../images/bgstep.png) no-repeat;
    overflow: hidden; }
    .hi-centre-right .stepUl li {
      width: 274px;
      height: 29px;
      margin-left: -11px;
      font: bold 14px/29px \5FAE\8F6F\96C5\9ED1;
      color: #fff;
      float: left; }
      .hi-centre-right .stepUl li i {
        font-style: normal;
        font: bold 24px/29px Arial;
        color: #fff;
        vertical-align: middle; }
      .hi-centre-right .stepUl li.bgGray {
        background: url(../images/bgstep.png) 0 -29px no-repeat; }
      .hi-centre-right .stepUl li.first {
        width: 264px;
        margin: 0; }
  .hi-centre-right .stepUl2 {
    width: 793px;
    height: 29px;
    background: url(../images/bgsteps2.png) no-repeat;
    overflow: hidden; }
    .hi-centre-right .stepUl2 li {
      width: 209px;
      height: 29px;
      margin-left: -11px;
      font: bold 14px/29px \5FAE\8F6F\96C5\9ED1;
      color: #fff;
      float: left; }
      .hi-centre-right .stepUl2 li i {
        font-style: normal;
        font: bold 24px/29px Arial;
        color: #fff;
        vertical-align: middle; }
      .hi-centre-right .stepUl2 li.bgGray {
        background: url(../images/bgsteps2.png) 0 -29px no-repeat; }
      .hi-centre-right .stepUl2 li.first {
        width: 199px;
        margin: 0; }
  .hi-centre-right .noticeMsg1, .hi-centre-right .noticeMsg2, .hi-centre-right .noticeMsg3 {
    display: inline-block;
    height: 20px;
    line-height: 20px; }
    .hi-centre-right .noticeMsg1 i, .hi-centre-right .noticeMsg2 i, .hi-centre-right .noticeMsg3 i {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 6px;
      background: url(../images/icon_bar.png) no-repeat;
      vertical-align: middle; }
  .hi-centre-right .noticeMsg1 {
    color: #009B4D; }
  .hi-centre-right .noticeMsg2, .hi-centre-right .noticeMsg3 {
    color: #bd0000; }
  .hi-centre-right .noticeMsg1 i {
    background-position: -200px -40px; }
  .hi-centre-right .noticeMsg2 i {
    background-position: -180px -40px; }
  .hi-centre-right .noticeMsg3 i {
    background-position: -240px -40px; }
  .hi-centre-right .postLctUl {
    height: 28px;
    border-bottom: 1px solid #C5CED2; }
    .hi-centre-right .postLctUl li {
      margin-left: 10px;
      float: left; }
      .hi-centre-right .postLctUl li a {
        display: inline-block;
        min-width: 42px;
        height: 27px;
        padding: 0 8px;
        text-align: center;
        line-height: 27px;
        font-size: 14px;
        text-decoration: none;
        color: #666;
        float: left;
        border: 1px solid #C5CED2;
        border-radius: 2px 2px 0 0;
        background: url(../images/hibgbtn_1.png) 0 -1274px repeat-x; }
        .hi-centre-right .postLctUl li a.on {
          height: 25px;
          line-height: 23px;
          border-top: 3px solid #2F7B97;
          border-radius: 0;
          border-bottom-color: #fff;
          background: #fff;
          font-weight: bold; }
  .hi-centre-right .improveInforUl li {
    clear: both; }
    .hi-centre-right .improveInforUl li .thirdPtL {
      width: 230px;
      text-align: right; }
    .hi-centre-right .improveInforUl li .thirdPtR {
      padding-left: 10px; }
      .hi-centre-right .improveInforUl li .thirdPtR.pl240 {
        padding-left: 240px; }
      .hi-centre-right .improveInforUl li .thirdPtR input {
        vertical-align: middle; }
        .hi-centre-right .improveInforUl li .thirdPtR input:focus {
          outline-width: 0px; }
      .hi-centre-right .improveInforUl li .thirdPtR .inforInp1, .hi-centre-right .improveInforUl li .thirdPtR .inforInp2 {
        width: 243px;
        height: 25px;
        line-height: 25px;
        border: 1px solid #BBBBBB; }
        .hi-centre-right .improveInforUl li .thirdPtR .inforInp1:focus, .hi-centre-right .improveInforUl li .thirdPtR .inforInp2:focus {
          border-color: #69C1FF;
          box-shadow: 0 0 3px #69C1FF; }
        .hi-centre-right .improveInforUl li .thirdPtR .inforInp1.bdError, .hi-centre-right .improveInforUl li .thirdPtR .inforInp2.bdError {
          border-color: #FF6969;
          box-shadow: 0 0 3px #FF6969; }
      .hi-centre-right .improveInforUl li .thirdPtR .inforInp2 {
        width: 118px; }
      .hi-centre-right .improveInforUl li .thirdPtR .intensity span {
        display: inline-block;
        width: 81px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        color: #fff;
        border-right: 1px solid #fff;
        background-color: #FECCAB;
        float: left; }
        .hi-centre-right .improveInforUl li .thirdPtR .intensity span.on {
          background-color: #FF6600; }
      .hi-centre-right .improveInforUl li .thirdPtR .ntcTxt {
        margin: -7px 0 5px 0; }

.hi-center {
  width: 575px;
  padding-top: 150px; }

.hi-homepageClicks, .hi-homepageReply, .hi-homepagePraise, .hi-homepageRecommend {
  display: inline-block;
  line-height: 20px; }
  .hi-homepageClicks i, .hi-homepageReply i, .hi-homepagePraise i, .hi-homepageRecommend i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(../images/icon_bar.png) no-repeat; }

.hi-homepageClicks i {
  background-position: 0 -60px; }
.hi-homepageClicks:hover i, .hi-homepageClicks.on i {
  background-position: -20px -60px; }

.hi-homepageReply i {
  background-position: -40px -60px; }
.hi-homepageReply:hover i, .hi-homepageReply.on i {
  background-position: -60px -60px; }

.hi-homepagePraise i {
  background-position: -80px -60px; }
.hi-homepagePraise:hover i, .hi-homepagePraise.on i {
  background-position: -100px -60px; }

.hi-homepageRecommend i {
  background-position: -120px -60px; }
.hi-homepageRecommend:hover i, .hi-homepageRecommend.on i {
  background-position: -140px -60px; }

.hi-homepageReply2, .hi-homepageRecommend2, .hi-homepagePraise2 {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  line-height: 20px;
  vertical-align: middle;
  background: url(../images/icon_bar.png) -60px -60px no-repeat; }

.hi-homepageRecommend2 {
  background-position: -140px -60px; }

.hi-homepagePraise2 {
  background-position: -100px -60px; }

.hi-trumpet {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  background: url(../images/icon_bar.png) -160px -60px no-repeat; }

.hi-center-left {
  width: 755px;
  padding-top: 120px; }

.hi-hpGender1, .hi-hpGender2, .hi-hpGender3, .hi-hpLocation, .hi-hpAge {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/icon_bar.png) no-repeat; }

.hi-hpGender1 {
  background-position: 0 -20px; }

.hi-hpGender2 {
  background-position: -20px -20px; }

.hi-hpGender3 {
  background-position: -320px -40px; }

.hi-hpLocation {
  background-position: -40px -20px; }

.hi-hpAge {
  background-position: -180px -60px; }

.hi-titleTab {
  height: 28px;
  line-height: 28px;
  border-bottom: 2px solid #6EBEDB; }
  .hi-titleTab .titTUl {
    float: left; }
    .hi-titleTab .titTUl li {
      float: left; }
      .hi-titleTab .titTUl li a {
        display: block;
        min-width: 24px;
        height: 28px;
        line-height: 28px;
        padding: 0 15px;
        color: #333;
        text-align: center;
        text-decoration: none;
        background-color: #EFEFEF;
        float: left; }
        .hi-titleTab .titTUl li a:hover {
          color: #fff;
          background-color: #8AC9E0; }
        .hi-titleTab .titTUl li a.on {
          color: #fff;
          background-color: #6EBEDB; }

html {
  overflow-x: hidden; }

/*nav*/
.hi-nav, .hi-nav2 {
  height: 120px;
  min-width: 1000px;
  background: url(../images/bgnav.png) repeat-x;
  position: relative;
  z-index: 2; 
  opacity: 0.6;
}
  .hi-nav .hi-navUl, .hi-nav2 .hi-navUl {
    height: 80px;
    padding-top: 20px; }
    .hi-nav .hi-navUl li, .hi-nav2 .hi-navUl li {
      float: left;
      overflow: hidden;
      margin-left: 20px; }
      .hi-nav .hi-navUl li a, .hi-nav2 .hi-navUl li a {
        display: block;
        width: 80px;
        height: 35px;
        text-align: center;
        padding-top: 45px;
        font: bold 14px \5FAE\8F6F\96C5\9ED1;
        color: #D7D7D7;
        text-decoration: none;
        float: left;
        background: url(../images/bgnava.png) no-repeat; }
        .hi-nav .hi-navUl li a:hover, .hi-nav2 .hi-navUl li a:hover {
          color: #fff;
          text-decoration: none; }
        .hi-nav .hi-navUl li a.hi-navA1:hover, .hi-nav2 .hi-navUl li a.hi-navA1:hover {
          background-position: 0 -80px; }
        .hi-nav .hi-navUl li a.hi-navA2, .hi-nav2 .hi-navUl li a.hi-navA2 {
          background-position: -80px 0; }
          .hi-nav .hi-navUl li a.hi-navA2:hover, .hi-nav2 .hi-navUl li a.hi-navA2:hover {
            background-position: -80px -80px; }
        .hi-nav .hi-navUl li a.hi-navA3, .hi-nav2 .hi-navUl li a.hi-navA3 {
          background-position: -160px 0; }
          .hi-nav .hi-navUl li a.hi-navA3:hover, .hi-nav2 .hi-navUl li a.hi-navA3:hover {
            background-position: -160px -80px; }
        .hi-nav .hi-navUl li a.hi-navA4, .hi-nav2 .hi-navUl li a.hi-navA4 {
          background-position: -240px 0; }
          .hi-nav .hi-navUl li a.hi-navA4:hover, .hi-nav2 .hi-navUl li a.hi-navA4:hover {
            background-position: -240px -80px; }
        .hi-nav .hi-navUl li a.hi-navA5, .hi-nav2 .hi-navUl li a.hi-navA5 {
          background-position: -320px 0; }
          .hi-nav .hi-navUl li a.hi-navA5:hover, .hi-nav2 .hi-navUl li a.hi-navA5:hover {
            background-position: -320px -80px; }
        .hi-nav .hi-navUl li a.hi-navA6, .hi-nav2 .hi-navUl li a.hi-navA6 {
          background-position: -400px 0; }
          .hi-nav .hi-navUl li a.hi-navA6:hover, .hi-nav2 .hi-navUl li a.hi-navA6:hover {
            background-position: -400px -80px; }
        .hi-nav .hi-navUl li a.hi-navA7, .hi-nav2 .hi-navUl li a.hi-navA7 {
          background-position: -480px 0; }
          .hi-nav .hi-navUl li a.hi-navA7:hover, .hi-nav2 .hi-navUl li a.hi-navA7:hover {
            background-position: -480px -80px; }
        .hi-nav .hi-navUl li a.hi-navA8, .hi-nav2 .hi-navUl li a.hi-navA8 {
          background-position: -560px 0; }
          .hi-nav .hi-navUl li a.hi-navA8:hover, .hi-nav2 .hi-navUl li a.hi-navA8:hover {
            background-position: -560px -80px; }
        .hi-nav .hi-navUl li a.hi-navA9, .hi-nav2 .hi-navUl li a.hi-navA9 {
          background-position: -640px 0; }
          .hi-nav .hi-navUl li a.hi-navA9:hover, .hi-nav2 .hi-navUl li a.hi-navA9:hover {
            background-position: -640px -80px; }
        .hi-nav .hi-navUl li a.hi-navA10, .hi-nav2 .hi-navUl li a.hi-navA10 {
          background-position: -720px 0; }
          .hi-nav .hi-navUl li a.hi-navA10:hover, .hi-nav2 .hi-navUl li a.hi-navA10:hover {
            background-position: -720px -80px; }
    .hi-nav .hi-navUl .on .hi-navA1, .hi-nav2 .hi-navUl .on .hi-navA1 {
      background-position: 0 -80px;
      color: #fff; }
    .hi-nav .hi-navUl .on .hi-navA2, .hi-nav2 .hi-navUl .on .hi-navA2 {
      background-position: -80px -80px;
      color: #fff; }
    .hi-nav .hi-navUl .on .hi-navA3, .hi-nav2 .hi-navUl .on .hi-navA3 {
      background-position: -160px -80px;
      color: #fff; }
    .hi-nav .hi-navUl .on .hi-navA4, .hi-nav2 .hi-navUl .on .hi-navA4 {
      background-position: -240px -80px;
      color: #fff; }
    .hi-nav .hi-navUl .on .hi-navA5, .hi-nav2 .hi-navUl .on .hi-navA5 {
      background-position: -320px -80px;
      color: #fff; }
    .hi-nav .hi-navUl .on .hi-navA6, .hi-nav2 .hi-navUl .on .hi-navA6 {
      background-position: -400px -80px;
      color: #fff; }
    .hi-nav .hi-navUl .on .hi-navA7, .hi-nav2 .hi-navUl .on .hi-navA7 {
      background-position: -480px -80px;
      color: #fff; }
    .hi-nav .hi-navUl .on .hi-navA8, .hi-nav2 .hi-navUl .on .hi-navA8 {
      background-position: -560px -80px;
      color: #fff; }
    .hi-nav .hi-navUl .on .hi-navA9, .hi-nav2 .hi-navUl .on .hi-navA9 {
      background-position: -640px -80px;
      color: #fff; }
    .hi-nav .hi-navUl .on .hi-navA10, .hi-nav2 .hi-navUl .on .hi-navA10 {
      background-position: -720px -80px;
      color: #fff; }


  .hi-nav2 .hi-navUl li a {
    
    background: url(../images/bgnava2.png) no-repeat; 
  }

.hi-main {
  margin-top: -120px; }

/* cue */
.cue {
  display: inline-block;
  overflow: hidden; }
  .cue span {
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 4px;
    margin-right: 5px;
    background: url(../images/icon_bar.png) no-repeat; }
  .cue p {
    display: inline-block;
    line-height: 20px; }

.cue-error {
  color: #ff0000; }
  .cue-error span {
    background-position: -180px -40px; }

.cue-fit {
  color: #26b66a; }
  .cue-fit span {
    background-position: -200px -40px; }

.cue-normal {
  color: #666; }
  .cue-normal span {
    background-position: -220px -40px; }




/*个人中心文章样式*/
#articles span{
    width: 700px;
    height: 50px;
    display: block;
    float: left;
    border-bottom: 1px #ccc dashed;
}

#articles a{
    width: 400px;
    padding: 24px 5px 5px 5px;
    float: left;
    color: #777;
    text-align: left;
    font-size: 16px;

}
#articles i{
  height: 29px;
  font-size: 14px;
  color: #AAA;
  vertical-align: middle;
  padding: 25px 5px;
  float: right;
  display: block;
}
